@charset "UTF-8";
@import "config";

.about {
  min-height: 2276px;
  .head {
    overflow: hidden;
    margin-top: 20px;
    img {
      margin: 0 auto;
      display: block;
      width: 400px;
      height: 400px;
      @include border-radius(50%);
    }
  }
  .list {
    display: flex;
    width: 1000px;
    margin: 0 auto;
    flex-direction: column;
  }
  .item {
    display: flex;
    flex-direction: column;
    padding-top: 108px;
    align-items: flex-end;
    &:first-child {
      p {
        margin-bottom: 0;
      }
    }
  }
  .title {
    font-size: 24px;
    color: $cdf3;
    width: 944px;
    padding-left: 56px;
    position: relative;
    padding-bottom: 28px;
    &:before {
      display: block;
      width: 40px;
      height: 100px;
      position: absolute;
      top: 60px;
      left: 0px;
      background-color: $cdf3;
    }
  }
  .content {
    width: 810px;
    color: $cfff;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    p {
      min-width: 50%;
      margin-bottom: 16px;
      line-height: 32px;
      text-align: justify;
    }
  }
}